<!DOCTYPE html>
<!--把html 的名称空间，改成：xmlns:th="http://www.thymeleaf.org" 会有语法提示-->
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:easyui="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>按钮图标控件</title>
    <script type="text/javascript" src="../../static/easyui/boot.js" th:src="@{/static/easyui/boot.js}"></script>
</head>
<body class="easyui-layout">
<h5>按钮图标控件</h5>
<ul>
    <li>图标引用css位置：static/easyui/themes/icon.css</li>
    <li>代码位置：com/sys/app/entity/tag/easyUIButton.java</li>
</ul>
<table style='width:99%;font-size: 14px; text-align: center' border='1px' cellspacing='0px'>
    <tr style='background:#CCCCCC;'>
        <th>属性</th>
        <th>类型</th>
        <th>枚举值</th>
        <th>默认值</th>
        <th>说明</th>
    </tr>
    <tr>
        <td>name</td>
        <td>字符串</td>
        <td>/</td>
        <td>/</td>
        <td>控件名称</td>
    </tr>
    <tr>
        <td>vtype</td>
        <td>字符串</td>
        <td>add,del,edit,save,close等，具体查看源代码</td>
        <td>/</td>
        <td>默认控件图标，已经封装好常用的</td>
    </tr>
    <tr>
        <td>label</td>
        <td>字符串</td>
        <td>/</td>
        <td>/</td>
        <td>按钮显示名称</td>
    </tr>
    <tr>
        <td>iconCls</td>
        <td>字符串</td>
        <td>/</td>
        <td>/</td>
        <td>按钮图标名称，例如icon-add,icon-del</td>
    </tr>
    <tr>
        <td>onclick</td>
        <td>字符串</td>
        <td>/</td>
        <td>/</td>
        <td>按钮事件处理方法</td>
    </tr>
</table>
<div class="pt-tool row">
    <easyui:button label="新增" vtype="add" name="butAdd" onclick="add()"/>
    <easyui:button label="删除" vtype="del" name="butDel"/>
    <easyui:button label="编辑" vtype="edit" name="butEdit"/>
    <easyui:button label="保存" vtype="save" name="butSave"/>
    <easyui:button label="关闭" vtype="close" name="butClose"/>
    <easyui:button label="查询" vtype="search" name="butSearch"/>
    <easyui:button label="刷新" vtype="reload" name="butReload"/>
    <easyui:button label="打印" vtype="print" name="butPrint"/>
    <easyui:button label="自定义按钮图标" iconCls="icon-help" name="butPrint1"/>
</div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {});
    function add() {
        showAlert("信息","我触发了add事件","info");
    }
</script>